.common_wrap {
	&.bg_black {
		background: rgba(0, 21, 45, 1);
	}
}

.swiper_video {
	top: 0;
	left: 0;
	height: 750rpx;
	z-index: 1;
	position: fixed;

	&.front {
		z-index: 6;
	}
		
	::v-deep .history_wrap {
		width: 100%;
		z-index: 1;
		padding: 24rpx;
		overflow: hidden;
		top: 120rpx;
		left: 24rpx;
		display: inline-flex;
		height: 120rpx;
		.u-news-item {
			background: rgba(217, 217, 217, 0.6);
			padding: 0 22rpx;
			height: 56rpx;
			border-radius: 56rpx;
			color: #363636;
			font-size: 22rpx;
			line-height: 56rpx;
			max-width: 100%;
			overflow: hidden;
		}
		.u-notice-bar {
			padding: 0 !important;
			height: 100%;
		}
		.u-swiper {
			height: 100%;
		}
	}
	.swiper {
		height: 100%;

		.img,
		.video_wrap {
			height: 100%;
		}

		.play_wrap {
			width: 100%;
			height: 75%;
			z-index: 1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}


		.icon_wrap {
			width: 100rpx;
			height: 100rpx;
			text-align: center;
			padding-top: 28rpx;
			background: rgba(217, 217, 217, 0.6);
			border-radius: 100%;

			.u-icon--right {
				padding-left: 8rpx;
			}
		}
	}
}

.common_content {
	padding: 0 24rpx;
	z-index: 5;
	
	

	.merchant_top {
		margin-bottom: 20rpx;
		font-size: 50rpx;
		line-height: 1.2;
		color: #fff;
		font-weight: 700;
		.title_01 {
			justify-content: flex-start;
			margin-bottom: 8rpx;
			.img {
				width: 116rpx;
			}
		}
		.title_02 {
			margin-bottom: 16rpx;
		}
		.major {
			font-size: 22rpx;
			font-weight: 400;
		}
	}

	.merchant_detail {
		background: url('../../static/detail/merchant_bg.png') no-repeat;
		background-position: left top;
		background-size: cover;
		min-height: 326rpx;
		border-radius: 24rpx;
		padding: 38rpx 24rpx 20rpx;
		margin-bottom: 24rpx;
		
		.address_wrap {
			top: -4rpx;
			right: -14rpx;
			width: 470rpx;
			color: #fff;
			.img {
				width: 30rpx;
				height: 30rpx;
			}
		}
		
		.detail_wrap {
			align-items: flex-end;
			justify-content: center;
			z-index: 2;
			padding-bottom: 18rpx;
			margin-bottom: 24rpx;
			border-bottom: 1px dashed #fff;

			.merchant_header {
				width: 130rpx;
				height: 130rpx;
				text-align: center;
				margin-right: 10rpx;

				.header_img {
					width: 100rpx;
					height: 100rpx;
					border: 4rpx solid #fff;
					border-radius: 24rpx;
					display: inline-block;
					transform: rotateZ(-15deg);

					.img {
						width: 100%;
						height: 100%;
					}
				}

				.header_icon {
					position: absolute;
					left: 20rpx;
					bottom: 8rpx;
					z-index: 1;
					width: 90rpx;
					height: 38rpx;
					border: 4rpx solid #fff;
					border-radius: 4rpx;
					display: inline-flex;

					.img {
						width: 100%;
						height: 100%;
					}
				}
			}

			.name_wrap {
				margin-right: 10rpx;
				position: relative;
				top: -10rpx;

				.shop_name {
					display: inline-flex;
					font-size: 26rpx;
					line-height: 1.2;
					color: #fff;
					padding-right: 20rpx;
					max-width: 100%;
					align-items: baseline;
					padding-top: 20rpx;
					.dot-dian {
						flex: 1;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.name-righx {
						display: flex;
						margin-left: 6rpx;
						.img {
							width: 24rpx;
							margin-right: 4rpx;
						}
					}
				
				}

				::v-deep .star_wrap {
					.u-star-wrap {
						transform: rotateZ(8deg);
					}
				}
			}

			.follow_wrap {
				min-width: 150rpx;
				height: 56rpx;
				line-height: 56rpx;
				padding: 0 20rpx;
				border-radius: 56rpx;
				background: linear-gradient(to right, #FFD7BA, #FF6A00);
				color: #fff;
				font-size: 22rpx;
				text-align: center;
				margin-bottom: 20rpx;
			}
		}
		
		.overwiew_wrap {
			border-radius: 12rpx;
			background: linear-gradient(to bottom, #C2E6FF 0%, #0097FF 100%);
			padding: 18rpx 0 10rpx;
			display: flex;
			justify-content: space-around;
			
			.overwiew_item {
				display: inline-flex;
				flex-direction: column;
				align-items: flex-start;
				color: #fff;
				justify-content: center;
				align-items: center;
				
				.name {
					font-size: 22rpx;
					line-height: 1.2;
					margin-bottom: 8rpx;
				}
				.con {
					font-size: 30rpx;
					line-height: 1.2;
					font-weight: 700;
				}
			}
			.segmentation {
				font-size: 40rpx;
				color: #fff;
			}
		}
	}
	
	.imglist_wrap {
		align-items: stretch;
		padding-bottom: 24rpx;
		.list_wrap {
			background: rgba(83, 92, 109, 0.5);
			color: #fff;
			margin-right: 14rpx;
			padding: 24rpx 24rpx 0;
			border: 1px solid #fff;
			border-radius: 24rpx;
			min-height: 310rpx;
			&.ru {
				padding-top: 16rpx;
				.title {
					font-size: 26rpx;
					line-height: 1;
				}
			}
			&:last-child {
				margin-right: 0;
			}
			.title {
				font-size: 28rpx;
				line-height: 1.2;
				font-weight: 500;
				margin-bottom: 12rpx;
			}
			.img_wrap {
				flex-wrap: wrap;
				justify-content: space-between;
				.img {
					width: 140rpx;
					height: 100rpx;
					border-radius: 12rpx;
					margin-bottom: 12rpx;
					&.only_img {
						width: 100%;
						height: 212rpx;
					}
				}
				.no_img {
					height: 160rpx;
				}
				.noPic {
					font-size: 20rpx;
					text-align: center;
				}
			}
		}
	}
	
	.big_title {
		color: #fff;
		font-size: 32rpx;
		line-height: 1.2;
		margin-bottom: 24rpx;
		padding: 24rpx 24rpx 0;
	}
	
	.thr_wrap {
		margin-bottom: 24rpx;
		height: 380rpx;
		padding: 0 24rpx;
		
		.goback_img {
			border-radius: 24rpx;
			height: 100%;
			width: 100%;
		}
	}
	.scrolxxx-wwww {
		width: 100%;
		padding-bottom: 24rpx;
		.scrolxxx {
			display: flex;
			align-items: center;
			.goback_img {
				width: 318rpx;
				height: 204rpx;
				margin-right: 16rpx;
				border-radius: 16rpx;
				flex-shrink: 0;
			}
		
		}
	}

	.swiper_wrap {
		position: absolute;
		left: 0;
		right: 0;
		top: -80rpx;
		height: calc(100% + 120rpx);
		background: linear-gradient(to bottom, rgba(0, 21, 45, 0) 0%, rgba(0, 21, 45, 1) 700rpx);
		z-index: -1;
	}
}

.details_wrap {
	padding: 24rpx;
	border-radius: 24rpx 24rpx 0 0;
	
	::v-deep .tabs_wrap {
		margin-bottom: 24rpx;
		height: 50rpx;
		
		.u-tab-bar {
			background-color: transparent;
			background: url('../../static/tabs.png') no-repeat !important;
			background-position: left top !important;
			background-size: 100% 100% !important;
			bottom: -12rpx;
		}
		
		.u-tab-item {
			&:first-child {
				padding: 0 !important;
			}
			&:nth-child(3) {
				padding: 0 !important;
			}
		}
	}
	
	.shop_wrap {
		max-height: 72vh;
		
		.list_wrap {
			align-items: flex-start;
			justify-content: space-between;
			flex-wrap: wrap;
		
			.list_item {
				margin-bottom: 24rpx;
				width: 342rpx;
				height: 486rpx;
				overflow: hidden;
				border-radius: 24rpx;
				background-color: #fff;
				display: inline-flex;
				flex-direction: column;
				align-items: center;
				box-shadow: 0 2rpx 12rpx 0 rgba(0, 0, 0, 0.08);
		
				.img_wrap {
					height: 254rpx;
		
					.img {
						width: 100%;
						height: 100%;
					}
				}
		
				.con_wrap {
					padding: 16rpx 16rpx 8rpx;
		
					.list_name {
						height: 80rpx;
						font-size: 28rpx;
						line-height: 40rpx;
						color: #262728;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						line-clamp: 2;
						-webkit-line-clamp: 2;
						/* 定义显示的行数 */
						overflow: hidden;
						text-overflow: ellipsis;
						margin-bottom: 10rpx;
					}
		
					.price_wrap {
						align-items: flex-end;
						padding-bottom: 10rpx;
						margin-bottom: 10rpx;
						border-bottom: 1px dashed #DBDBDB;
		
						.unit {
							font-size: 22rpx;
							line-height: 30rpx;
							color: #FF6A00;
							font-weight: 700;
						}
		
						.num {
							color: #FF6A00;
							font-size: 50rpx;
							font-weight: 700;
							line-height: 52rpx;
							padding-right: 10rpx;
						}
		
						.look {
							font-size: 20rpx;
							line-height: 28rpx;
							font-weight: 400;
							color: #606366;
							display: inline-block;
							align-items: center;
						}
					}
		
					.shop_wrap {
						justify-content: space-between;
		
						.shop_img,
						.country_img {
							width: 44rpx;
							height: 44rpx;
							border-radius: 100%;
							overflow: hidden;
							margin-right: 10rpx;
							display: inline-flex;
		
							.img {
								width: 100%;
								height: 100%;
							}
						}
		
						.country_img {
							margin-right: 0;
						}
		
						.name_wrap {
							display: inline-flex;
							align-items: center;
						}
		
						.shop_name {
							font-size: 24rpx;
							line-height: 1.2;
							color: #262728;
							padding-right: 28rpx;
							margin-right: 10rpx;
							max-width: 198rpx;
							display: inline-block;
		
							.img {
								right: 0;
								top: 0;
								bottom: 0;
								margin: auto;
								z-index: 1;
								width: 24rpx;
							}
					
							&.shop_name_01 {
								max-width: none;
							}
						}
					}
				}
			}
		
			.discount_item {
				margin-bottom: 40rpx;
				width: 224rpx;
				height: 306rpx;
				overflow: hidden;
				border-radius: 24rpx;
				background-color: #fff;
				display: inline-flex;
				flex-direction: column;
				align-items: center;
				box-shadow: 0 2rpx 12rpx 0 rgba(0, 0, 0, 0.08);
				margin-right: 16rpx;
		
				&:nth-child(3n) {
					margin-right: 0;
				}
		
				.img_wrap {
					height: 166rpx;
		
					.img {
						width: 100%;
						height: 100%;
					}
		
					.label {
						position: absolute;
						left: -46rpx;
						top: -6rpx;
						z-index: 1;
						font-size: 22rpx;
						line-height: 40rpx;
						padding-top: 16rpx;
						width: 132rpx;
						background-color: #FF342A;
						text-align: center;
						color: #fff;
						transform: rotateZ(-45deg);
					}
					.label-ru {
						width: 108rpx;
						height: 35rpx;
						border-radius: 0px 24rpx 0px 0px;
						display: flex;
						align-items: center;
						justify-content: center;
						color: #FFF;
						font-size: 18rpx;
						font-weight: 400;
						position: absolute;
						bottom: 0;
						left: 0;
						background: linear-gradient(180deg, rgba(255, 52, 42, 0.30) 0%, #FF342A 120%);
					}
				}
		
				.con_wrap {
					padding: 12rpx;
		
					.list_name {
						height: 68rpx;
						font-size: 24rpx;
						line-height: 34rpx;
						font-weight: 500;
						color: #262728;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						line-clamp: 2;
						-webkit-line-clamp: 2;
						/* 定义显示的行数 */
						overflow: hidden;
						text-overflow: ellipsis;
						margin-bottom: 20rpx;
					}
		
					.price_wrap {
						align-items: flex-end;
		
						.unit {
							font-size: 18rpx;
							line-height: 26rpx;
							color: #FF6A00;
							font-weight: 700;
						}
		
						.num {
							color: #FF6A00;
							font-size: 36rpx;
							font-weight: 700;
							line-height: 38rpx;
							padding-right: 10rpx;
						}
		
						.look {
							font-size: 16rpx;
							line-height: 22rpx;
							font-weight: 400;
							color: #606366;
						}
					}
				}
		
		
			}
		
			.swiper_wrap {
				margin-bottom: 30rpx;
			}
		}
	}
	
	.empty_wrap {
		height: 200rpx;
	}
}

.scroll-Y {
	height: 100%;
	overflow: hidden;
	
	::v-deep .uni-scroll-view-content {
		height: auto;
		position: relative;
		z-index: 9;
	}

	.pt200 {
		margin-top: 400rpx;
	}
}

::v-deep .shop_bottom {
	background: #fff;
	padding: 14rpx 50rpx 14rpx 38rpx;

	.img {
		width: 60rpx;
		height: 60rpx;
		margin-right: 8rpx;
		border-radius: 100%;
	}
	
	.name {
		font-size: 24rpx;
		line-height: 1.2;
		color: #262728;
		padding-right: 10rpx;
	}
	
	.btn_wrap {
		height: 60rpx;
		line-height: 60rpx;
		border-radius: 60rpx;
		overflow: hidden;
		
		.btn_l,
		.btn_r {
			color: #fff;
			font-size: 24rpx;
			text-align: center;
			padding: 0 16rpx;
			min-width: 176rpx;
		}
		.btn_l {
			background: #03C24F;
		}
		.btn_r {
			background: #278AFF;
		}
	}
}

::v-deep uni-swiper .uni-swiper-dots-horizontal {
	top: 420rpx;
	right: 0;
	left: auto;

	.uni-swiper-dot {
		width: 16rpx;
		height: 16rpx;
	}

	.uni-swiper-dot-active {
		width: 36rpx;
		border-radius: 16rpx;
	}
}

.common_pop,
.video_pop {
	width: 100%;
	height: 100%;
	z-index: 999;

	::v-deep .uni-popup__wrapper.center {
		width: 100%;
		padding: 20rpx;
	}
}

.video_pop {
	::v-deep .uni-popup__wrapper.center {
		padding: 0;
	}
}

.copy_wrap {
	width: 702rpx;
	height: 492rpx;
	background-color: #fff;
	border-radius: 12rpx;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 40rpx 24rpx 24rpx;
	justify-content: space-between;
	line-height: 1.2;
	.title {
		font-size: 32rpx;
		color: #262728;
	}
	.con_wrap {
		font-size: 28rpx;
		color: #1D2129;
	}
	.btn_wrap {
		font-size: 28rpx;
		color: #fff;
		background: #007AFF;
		border-radius: 12rpx;
		height: 80rpx;
		line-height: 80rpx;
	}
}


.box-hezi {
	color: #fff;
	font-size: 24rpx;
	background: rgba(83, 92, 109, 0.5);
	color: #fff;
	padding: 24rpx;
	border: 1px solid #fff;
	border-radius: 24rpx;
	margin-bottom: 24rpx;
	.title {
		font-size: 28rpx;
		font-weight: 500
	}
}